<template>
	<view class="register-success">
		<u-icon name="checkmark-circle-fill" color="#52c41a" size="140"></u-icon>
		<view class="title">
			预约挂号成功
		</view>
		<view class="modal-button">
			<view  @click="toNavigator('返回首页')">返回首页</view>
			<view  @click="toNavigator('查看预约')">查看预约</view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				
			};
		},
		methods:{
			toNavigator(e){
				console.log(e);
				if (e==="返回首页") {
					uni.switchTab({
						url:"/pages/tabbar/home/index"
					})
				} else if(e==="查看预约"){
					uni.navigateTo({
						url:"/pages/mine/myRegister/registerDetails"
					})
				}
			}
		}
	}
</script>

<style lang="scss" scoped>
.register-success{
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: space-around;
	width: 100vw;
	padding-top:296rpx ;
	.title{
		// width: 237rpx;
		height: 39rpx;
		font-size: 40rpx;
		font-family: PingFang SC;
		font-weight: bold;
		color: #333333;
		line-height: 40rpx;
		margin: 40rpx 0 50rpx;
	}
	.modal-button {
		width: 100%;
			margin-top: 50rpx;
			display: flex;
			align-items: center;
			justify-content: space-around;
			>view{
				width: 300rpx;
				height: 90rpx;
				border: 1rpx solid #D5D5D5;
				border-radius: 45rpx;
				text-align: center;
				line-height:  90rpx;
			}
		}
}
</style>
